<template>
    <div>
        <li>
            <div><a :href="'/courseadd?pid='+data.id">{{ data.name }}</a></div>

                <ul v-if="data.children && data.children.length > 0">

                    <mycate v-for="child in data.children" :key="child.id" :data="child" />

                </ul>
        </li>
    </div>
</template>

<script>
    export default {

        name: 'mycate',
        props: ['data']     // 接收父组件的数据

    }

</script>

<style>

</style>